<ngx-smart-modal identifier="{{id}}" customClass="modal-content fade-scale {{size}}" [closable]="showTopCloseButton" (onDismiss)="close()" (onEscape)="close()" (onClose)="close()">
    <div class="modal-header">
        <h4 class="mb-0"><ng-content select=".app-modal-header"></ng-content></h4>
    </div>
    <div class="modal-body">
        <ng-content select=".app-modal-body"></ng-content>
    </div>
    <div class="modal-footer bg-light-grey">
        <button type="button" *ngIf="showCloseButton" class="btn btn-sm btn-transparent ml-5" (click)="hide()">Close</button>
        <ng-content *ngIf="!showCloseButton" select=".app-modal-footer"></ng-content>
    </div>
</ngx-smart-modal>

